import React, { useEffect, useState } from 'react'
import { Layout,Menu } from "antd"
import './Layouts.less'
import { IRouteComponentProps, Link, useDispatch, useIntl,setLocale, getLocale} from 'umi'

import classNames from 'classnames';
import {
    AppstoreOutlined,
    MenuUnfoldOutlined,
    MenuFoldOutlined,
    PieChartOutlined,
    DesktopOutlined,
    ContainerOutlined,
    MailOutlined,
  } from '@ant-design/icons';
import MyHeader from '@/components/header';
const { Header, Footer, Content } = Layout
const Layouts: React.FC<IRouteComponentProps> = (props) =>{
    const [carindex,setCarindex]=useState<number>(0)
    const [yue,setYue]=useState<boolean>(false)
    const intl = useIntl();
    const dispatch = useDispatch()
    const [language,setlanguage]=useState(true)
    return <Layout>
        <Header>
                <MyHeader />
        </Header>
        <Content> {props.children} </Content>
        {/* <Footer className="_3SL8bXyPeDS8XR5EoRJ31s">
            <div>
                <li>
                    <a href="/rss" target="_blank">
                        <span role="img" className="anticon">
                        </span>
                    </a>
                </li>
                <p>Copyright © 2021. All Rights Reserved.</p>
                <p>皖ICP备18005737号</p>
            </div>
        </Footer> */}
    </Layout>
}
export default Layouts